<template>
  <v-chart :option="option" style="height: 200px; width: 100%"></v-chart>
</template>
<script>
import "echarts-liquidfill";
export default {
  data() {
    return {
      option: {},
    };
  },
  methods: {
    renderChart() {
      this.option = {
        series: [
          {
            type: "liquidFill",
            radius: "80%",
            data: [0.02],
            itemStyle: {
              color: "red",
            },
            outline: {
              show: true,
              borderDistance:2,
              itemStyle: {
                borderWidth: 2,
              },
            },
          },
        ],
      };
      console.log("renderChart");
    },
  },
  mounted() {
    this.renderChart();
  },
};
</script>
<style scoped></style>
